<html lang="zh-CN">
  <head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>查看路线</title>
    <link rel="stylesheet" href="js/jquery/jquery.mobile-1.4.5.min.css"/>
    
    <link href="css/map.css" rel="stylesheet">

  </head>
  <body>
     <div data-role="page" id="map" >
         <div data-role="none" class="map_head">
            </div>
            <a data-role="none" href="next.html">
                    <image data-role="none" src="img/arrow187.png" class="img-arrow" />
                </a>
                <h3 class="map_font"></h3>
         <div>
           <div >
               <img id="map_img" src="">
           </div>
            <a data-role="none" href="buy%20ticket.html">
            <img class="img6"  src="img/%E6%8C%89%E9%92%AE%E8%83%8C%E6%99%AF%E5%9B%BE%E6%A0%87.png"></a>
         </div>
        
     </div>
     
     <script src="js/jquery/jquery-1.12.0.min.js"></script>
    <script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>
    
    <script>
            

            $(function () {
                
                $.post(
                        "function/map.php",
                        {city:1 },
                        function (data) {
                            $('.map_font').val(data.city);
                            $('#map_img').val(data.map);
                        }
                , 'json'
                        );
            });


        </script>
  </body>
</html>